<template>
	<view class="indetail">
		<image :src="brand.list_pic_url" mode="widthFix"></image>
		<view class="pos">
			<a>{{ brand.name }}</a>
		</view>
		<view class="white">{{ brand.simple_desc }}</view>
	</view>
</template>

<script>
import { Apibrdetail } from '../../utils/api.js';
import { mapState } from 'vuex';
export default {
	data() {
		return {
			brand: {}
		};
	},
	methods: {},
	async onLoad(e) {
		// console.log(+e.id);
		let res = await Apibrdetail(e.id);
		console.log(res);
		this.brand = res.data.brand;
		console.log(this.brand);
		// console.log(11111);
	},
	computed: {},
	onShow() {}
};
</script>

<style lang="less">
page {
	background-color: #efefef;
}
.indetail {
	position: relative;
	image {
		width: 100%;
		height: 420rpx;
	}
	.pos {
		top: 210rpx;
		left: 50%;
		transform: translateX(-50%);
		// transform: translateY(-50%);
		position: absolute;
		color: white;
		text-decoration: underline;
		font-weight: 600;
		font-size: 36rpx;
	}
	.white {
		background-color: white;
		padding: 40rpx 20rpx;
		font-size: 18px;
		text-align: center;
		line-height: 52rpx;
		color: #666;
	}
}
</style>
